<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<jsp:include page="header.jsp">
	<jsp:param value="登陆" name="title" />
</jsp:include>
<link href="css/login.css" rel="stylesheet">
<body>
	<div id="outDiv">
		<div class="center">
			<h3 style="color: #BF3EFF">OWNWORLD</h3>
		</div>
		<div class="center">
			<ul id="myTab" class="nav nav-tabs">
				<li class="active"><a href="#accountLogin" data-toggle="tab">账户密码登录</a></li>
				<li><a href="#phoneLogin" data-toggle="tab">手机动态码登录</a></li>
			</ul>

			<div id="myTabContent" class="tab-content">
				<!-- 账户密码登录 -->
				<div id="accountLogin" class="tab-pane fade in active">
					<form id="loginForm" role="form" action="login/conformLogin"
						method="post">
						<div class="center"></div>
						<div id="userNameDiv" class="center">
							<input id="userName" name="userName" class="form-control" placeholder="用户名/手机号/邮箱" required>
						</div>
						<div id="passwordDiv" class="center">
							<input id="password" name="password" class="form-control"
								placeholder="密码" required>
							<span class="login_error">${error}</span>
						</div>
						<div id="remebAndAutoDiv" class="center">
							<label for="rememberPass">记住密码</label> <input id="rememberPass" type="checkbox">
						 	<label id="autoLable" for="autoLogin">7天内自动登录</label>
							<input id="autoLogin" type="checkbox">
						</div>
						<div id="loginDiv">
							<button class="btn btn-primary type="submit" style="width: 400px;"> 登录 </button>
						</div>
					</form>
				</div>
				
				<!-- 手机动态码登录 -->
				<div id="phoneLogin" class="tab-pane fade">
					<form id="phoneLoginForm" action="login/phoneLoginConfirm">
						<input id="phoneInput" class="form-control" name="phoneNumber" placeholder="手机号">
						<input id="sendVerificationCode" type="button" value="获取动态码">
						<input id="verificationInput" class="form-control" name="verificationCode" placeholder="动态码">
						
						<div id="remebAndAutoDiv" class="center">
							<label for="rememberPass">记住密码</label> <input id="rememberPass" type="checkbox">
						 	<label id="autoLable" for="autoLogin">7天内自动登录</label>
							<input id="autoLogin" type="checkbox">
						</div>
						<div id="loginDiv">
							<button class="btn btn-primary type="submit" style="width: 400px;"> 登录 </button>
						</div>
					</form>
				</div>
				
				<div id="forgetAndRegister">
					<a id="forgetA" href="www.baidu.com">忘记密码？找回</a>
					<a id="registerA" href="register">注册</a>
				</div>
				
			</div>

		</div>
	</div>
</body>
</html>